

.bg-yellow-gradient {
	background-image: linear-gradient(45deg, #f5fe00, #ff6600) !important;
	color: #ffffff !important;
}
.bg-orange-gradient {
	background-image: linear-gradient(45deg, #ff9700, #ed1c24) !important;
	color: #ffffff !important;
}
.bg-red-gradient {
	background-image: linear-gradient(45deg, #f33a41, #ed0586) !important;
	color: #ffffff !important;
}
.bg-pink-gradient {
	background-image: linear-gradient(45deg, #fea894, #ff1047) !important;
	color: #ffffff !important;
}
.bg-mauve-gradient {
	background-image: linear-gradient(45deg, #c01f95, #7115cc) !important;
	color: #ffffff !important;
}
.bg-purple-gradient {
	background-image: linear-gradient(45deg, #9829ea, #5908fb) !important;
	color: #ffffff !important;
}
.bg-blue-gradient {
	background-image: linear-gradient(45deg, #00b8f9, #0166eb) !important;
	color: #ffffff !important;
}
.bg-cyan-gradient {
	background-image: linear-gradient(45deg, #06edfe, #48b2fe) !important;
	color: #ffffff !important;
}
.bg-green-gradient {
	background-image: linear-gradient(45deg, #3ab54a, #8cc63f) !important;
	color: #ffffff !important;
}
.bg-olive-gradient {
	background-image: linear-gradient(45deg, #90e630, #39d266) !important;
	color: #ffffff !important;
}
.bg-grey-gradient {
	background-image: linear-gradient(45deg, #9aadb9, #354855) !important;
	color: #ffffff !important;
}
.bg-brown-gradient {
	background-image: linear-gradient(45deg, #ca6f2e, #cb1413) !important;
	color: #ffffff !important;
}
.bg-weather-gradient {
	background-image: linear-gradient(45deg, rgb(27, 45, 103), rgb(73, 82, 112)) !important;
	color: #ffffff !important;
}

.white {
	background: #fff;
}

@keyframes show {
	0% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(60upx);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes notice-bar-loop {
	0% {
		transform: translateZ(0);
	}

	100% {
		transform: translate3d(-100%, 0, 0);
	}
}
